.pxToRem(@p, @px){
    @{p}: @px / 75px * 1rem;
}
.header{
    width:100%;
    .pxToRem(height, 90);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left:0;
    top:0;
    .left{
        img{
            .pxToRem(width, 20);
            .pxToRem(height, 37);
            .pxToRem(margin-left, 32);
        }
    }
    .center{
        .pxToRem(font-size, 35);
    }
    .right{
        .pxToRem(font-size, 28);
        .pxToRem(margin-right, 32);
        color: #666;
    }
}
.banner{
    width:100%;
    .pxToRem(height, 240);
    .pxToRem(margin-top, 90);
    img{
        width:100%;
        .pxToRem(height, 240);
    }
}
.main{
    width:100%;
    .pxToRem(height, 295);
    border-bottom:1px solid #ececec;
    .left{
        width:37%;
        float:left;
        .pxToRem(height, 280);
        img{
            margin-left:11%;
            .pxToRem(width, 220);
            .pxToRem(height, 222);
            .pxToRem(margin-top, 28);
        }
    }
    .right{
        width:63%;
        float:right;
        .pxToRem(height, 280);
        .p1{
            .pxToRem(font-size, 26);
            .pxToRem(margin-top, 30);
            color: #666;
        }
        .p2{
            color:#999899;
            .pxToRem(font-size, 22);
            
        }
        .bottom{
            width:100%;
            background: #ffffff;
            .pxToRem(height, 70);
            .left{
                width:50%;
                .pxToRem(height, 70);
                float: left;
                .p3{
                    color: #999899;
                    display: inline-block;
                    span{
                        color:orange;
                    }
                }
                .p4{
                    color: #999899;
                    display: inline-block;
                }
            }
            .rigth{
                width:50%;
                float:right;
                div{
                    float: right;
                    .pxToRem(width, 60);
                    .pxToRem(height, 60);
                    .pxToRem(line-height, 60);
                    .pxToRem(margin-right, 30);
                    .pxToRem(margin-top, 15);
                    background: orange;
                    color:#ffffff;
                    text-align: center;
                    border-radius: 50%;
                }
            }
        }
    }
}


.footer{
    width:100%;
    .pxToRem(height, 90);
    background: #f2f2f2;
    display: flex;
    align-items: center;
    position: absolute;
    bottom:0;
    left:0;
    .left{
        width:20%;
        border-right: 1px solid #dddddd;
        img{
            .pxToRem(width, 50);
            .pxToRem(height, 40);
            .pxToRem(margin-left, 50);
        }
    }
    .center{
        width:40%;
        margin-left:5%;
        .pxToRem(font-size, 22);
        span{
            color:orange;
        }
    }
    .right{
        width:35%;
        .pxToRem(line-height, 90);
        .pxToRem(font-size, 34);
        text-align: center;
        background: orange;
        color:#fff;
    }
}